<!-- Component FileItem -->
<script type="text/x-template" id="FileItem">
  <tr>
    <template v-for="col in headers">
        <td>{{ item[col.key] }}</td>
    </template>
  </tr>
</script>
<script>
  const FileItem = Vue.component('file-item', {
    template: '#FileItem',
    props: {
      item: {
        type: Object,
        default () {
          return {}
        }
      },
      headers: {
        type: Array,
        default () {
          return []
        }
      },
    },
  })
</script>